<script setup>
	import * as THREE from 'three';

	const scene = new THREE.Scene();

	const camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);

	const renderer = new THREE.WebGLRenderer();
	renderer.setSize(window.innerWidth, window.innerHeight);
	document.body.appendChild(renderer.domElement)

	const gometry = new THREE.BoxGeometry(1, 1, 1)

	const material = new THREE.MeshBasicMaterial({
		color: 0x00ff00
	});

	const cube = new THREE.Mesh(gometry, material);

	scene.add(cube);

	camera.position.z = 5;
	camera.lookAt(0, 0, 0);

	
	
	function animate(){
		requestAnimationFrame(animate);
		
		cube.rotation.x +=0.01;
		cube.rotation.y +=0.01;
		
		renderer.render(scene, camera);
	}
	animate();
</script>

<template>

</template>

<style>

</style>